<template>
  <el-select
    v-model="chooseIds"
    multiple
    collapse-tags
    style="margin-left: 20px; width: 400px;"
    placeholder="选择赛事">
    <el-option
      v-for="item in htcps"
      :key="item.id"
      :label="item.name"
      :value="item.id"
    >
    <img :src="item.url" />
    {{item.name}}
    </el-option>
  </el-select>
</template>

<script>
  import { mapGetters } from 'vuex'
  export default{
    data(){
      return{
        chooseIds:[],
        getVS:()=>{
          const {chooseIds,chooseIds:{length}} = this
          return length? chooseIds:false
        },
        
      }
    },
    computed:{
      ...mapGetters('ht',['htcps']),
    }
  }
</script>

<style lang="scss" scoped="scoped">
  .el-select-dropdown__item::v-deep{
    height: 50px;
    display: flex;
    align-items: center;
    img{
      height: 30px !important;
      width: 30px !important;
      object-fit: cover;
      display: inline-block;
      margin-right: 15px;
    }
  }
</style>
